<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
    <link rel="stylesheet" href="css/base/commonality.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/base/header.css"/>
    <link rel="stylesheet" href="css/base/base_reception_program.css">
    <link rel="stylesheet" href="css/base/recepAndTrave.css">
    <link rel="stylesheet" href="css/base/page.css">
    <title>Title</title>
</head>
<body>
<div class="container">
    <header>
        <div class="header_all">
            <div class="row" style="height: 80px">
                <div class="header_manager col-lg-8">
                    <span>河南省研学实践综合管理平台</span>
                </div>

                <div class="loginandout col-lg-4 ">
                    <div class="login_in col-lg-2">
                        <span class="glyphicon glyphicon-comment"></span>
                        <a href="">欢迎回来,1234@qq.com</a>
                        <!-- <span class="glyphicon glyphicon-circle-arrow-right"></span>
                         <a href="">退出</a>-->
                    </div>
                    <div class="login_out  col-lg-2">
                        <span class="glyphicon glyphicon-circle-arrow-right"></span>
                        <a href="/stuUser/toRegister">退出</a>
                    </div>
                </div>
            </div>
        </div>


        <nav class="navbar navbar-default" style="background-color:#D53031 ">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" style="color: #fff" href="#">首页</a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav title"><!-- <span class="sr-only">(current)</span>-->
                        <li><a style="color: #fff" href="#">资讯</a></li>
                        <li><a style="color: #fff" href="#">基地</a></li>
                        <li><a style="color: #fff" href="#">线路</a></li>
                        <li><a style="color: #fff" href="#">课程</a></li>
                        <li><a style="color: #fff" href="#">通知公告</a></li>
                        <li><a style="color: #fff" href="#">成果展示</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <hr>

    <div class="page_content">
        <div class="content">
            <div class="recepmenu">
                <p>焦作云台山研学基地</p>
                <ul>
                    <li><a href=""><span class="glyphicon glyphicon-plus-sign"></span>入驻审核</a></li>
                    <li><a href=""><span class=" glyphicon glyphicon-list-alt"></span>基地管理</a></li>
                    <li><a href=""><span class="glyphicon glyphicon-time"></span>接待计划</a></li>
                    <li><a href=""><span class="glyphicon glyphicon-bookmark"></span>评价管理</a></li>
                    <li><a href=""><span class="glyphicon glyphicon-inbox"></span>账户设置</a></li>
                </ul>
            </div>
        </div>

        <div class="recep_right">
            <div class="recep_content">
                <div class="recep_title">
                    <p>接待计划</p>
                    <hr>
                </div>

                <div class="recep_info">
                    <div class="recep_play">
                        <ul class="nav nav-pills">
                            <li role="presentation" class="active"><a href="#">接待完成</a></li>
                            <li role="presentation"><a href="#">正在接待</a></li>
                            <li role="presentation"><a href="#">等待接待</a></li>
                        </ul>
                    </div>
                    <hr>
                    <div class="recep_text">
                        <div class="recep_text_info">
                            <ul th:each="plan : ${planList}">
                                <li>
                                    <div class="basic">
                                        <span th:text="${plan.tpName}"></span>
                                    </div>

                                    <div class="couNum">
                                        <span th:text="${plan.tcGrade}"></span>
                                        <span th:text="|${plan.tcCount}人|"></span>
                                    </div>

                                    <div class="approvalNumber">
                                        <span th:text="|审批编号：${plan.tpAuditId}|"></span>
                                    </div>
                                    <div class="person_info">
                                        <span th:text="${plan.ttName}"></span>
                                    </div>
                                    <div class="phone">
                                        <span th:text="${plan.ttPhone}"></span>
                                    </div>
                                    <div class="begin_time">
                                        <span>开始时间</span>
                                    </div>
                                    <div class="begin_value">
                                        <span th:text="${plan.tpStartTime}"></span>
                                    </div>
                                    <div class="end_time">
                                        <span>计划结束时间</span>
                                    </div>

                                    <div class="end_value">
                                        <span th:text="${plan.tpReturnTime}"></span>
                                    </div>
                                    <div class="selectbtn"><span>查看</span></div>
                                    <div class="detailbtn"><span>详情</span></div>
                                </li>
                             </ul>
                        </div>
                    </div>
                    <div class="pageNum">
                        <ul>
                            <li><a href="">首页</a></li>
                            <li class="threeword"><a href="#">上一页</a></li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">6</a></li>
                            <li><a href="#">7</a></li>
                            <li><a href="#">8</a></li>
                            <li><a href="#">9</a></li>
                            <li><a href="#">10</a></li>
                            <li class="threeword"><a href="javascript:;">下一页</a></li>
                            <li class="threeword"><a href="javascript:;">末页</a></li>
                        </ul>
                    </div>



                </div>


            </div>

        </div>




    </div>

</div>
</body>
</html>